<!DOCTYPE HTML>
<html>

	<head>
		<title>五善堂</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<link href="css/style.css" rel='stylesheet' type='text/css' />
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/text.css" />
	</head>

	<body class="header">
		<div class="logo">
			<a href="index.html">
				<img src="images/V1.0.jpg" alt="" />
			</a>
		</div>
		<div class="header-home">
			<div class="fixed-header">
				<div class="h_menu4">
					<a class="toggleMenu" href="#">Menu</a>
					<ul class="nav">
							<li class=""><a href="index.html" class="scroll">五善堂</a>
							</li>
							<li><a href="blog.html" class="scroll">产品介绍</a>
							</li>
							<li><a href="healthblog.html" class="scroll">健康常识</a>
							</li>
							<li><a href="tradition.html" class="scroll">中国传统养生</a>
							</li>
							<li><a href="manblog.html" class="scroll">男性养生</a>
							</li>
							<li><a href="womanblog.html" class="scroll">女性养生</a>
							</li>

						</ul>
					<script type="text/javascript" src="js/nav.js"></script>
					<script>
						$(document).ready(function() {
							var navoffeset = $(".header-home").offset().top;
							$(window).scroll(function() {
								var scrollpos = $(window).scrollTop();
								if (scrollpos >= navoffeset) {
									$(".header-home").addClass("fixed");
								} else {
									$(".header-home").removeClass("fixed");
								}
							});
						});
					</script>
				</div>
			</div>
		</div>
		<!--
        	作者：z
        	时间：2015-07-02
        	描述：body
        -->
		<div class="body">
			<div class="bodyleft">
				<div id="bodyleftone">
					<caption><a id="yangs">养生</a>时刻公告</caption>
					<ul class="list-group">
						<a href="">
							<li class="list-group-item">免费域名注册</li>
						</a>
						<a href="">
							<li class="list-group-item">免费域名注册</li>
						</a>
						<a href="">
							<li class="list-group-item">免费域名注册</li>
						</a>
						<a href="">
							<a href="#">
								<li class="list-group-item">
									<span class="badge">新</span> 折扣优惠
								</li>
							</a>
							<a href="#">
								<li class="list-group-item">
									<span class="badge">新</span> 折扣优惠
								</li>
							</a>
							<a href="#">
								<li class="list-group-item">
									<span class="badge">新</span> 折扣优惠
								</li>
							</a>
					</ul>
				</div>
				<div class="">
					<img src="images/cao.png" width="200px" />
				</div>
			</div>
			<div class="bodymenu">
				<img src="images/zhongguojie.png" class="swing" style="height: 450px; width: 100px;" />
			</div>

			<div class="bodyright">
				<div class="bodyrightone">
					<div class="bodyrightonetitle">
						<div class="bodyrightmenu">
							<strong>五善堂--养生简介</strong>
						</div>
						<img src="images/yangs.png" style="float: right;" />
					</div>

				</div>
				<div class="bodyrighttwo">
					&nbsp;&nbsp;&nbsp;&nbsp;养生，动词也，亦可为名词。原指道家通过各种方法颐养生命、增强体质、预防疾病，从而达到延年益寿的一种医事活动。养，即调养、保养、补养之意；生，即生命、生存、生长之意。现代意义的“养生”指的是根据人的生命过程规律主动进行物质与精神的身心养护活动。
					<br /> &nbsp;&nbsp;&nbsp;&nbsp;保养，是指遵循生命法则，通过适度运动，加之外在护理等手段，让身体机能及外在皮肤得以休养生息，恢复应有机能，这是养生的第一层面。
					<br /><p>&nbsp;&nbsp;&nbsp;&nbsp;保养，是指遵循生命法则，通过适度运动，加之外在护理等手段，让身体机能及外在皮肤得以休养生息，恢复应有机能，这是养生的第一层面。</p>
					
					<div class="bodyrighttwoimg">
						<div class="bodyrighttwoimglist">
							<img src="images/p1.png" class="imglist" />
						</div>
						<div class="bodyrighttwoimglist">
							<img src="images/camb.png" class="imglist" />
						</div>
						<div class="bodyrighttwoimglist">
							<img src="images/p2.png" class="imglist" />
						</div>
						<div class="bodyrighttwoimglist">
							<img src="images/p3.png" class="imglist" />
						</div>
					</div>
				</div>
				<div class="bodyrightthree">
					<img src="images/xian.png" width="100%"/>
					<div class="col-xs-12">
						<img src="images/iconfont-icon.png"/>养生专家
					</div>
					<div class="">
						<div class="memu" >
							<div class="col-xs-3 one" >
								<strong>合作伙伴：</strong>
							</div>
							<div class="col-xs-2 one">
								合作伙伴
							</div>
							<div class="col-xs-2 one">
								合作伙伴
							</div>
							<div class="col-xs-2 one">
								合作伙伴
							</div>
							<div class="col-xs-2 one">
								合作伙伴
							</div>
						</div>
							<div class="memu" >
							<div class="col-xs-3 one" >
								<strong>合作伙伴：</strong>
							</div>
							<div class="col-xs-2 one">
								合作伙伴
							</div>
							<div class="col-xs-2 one">
								合作伙伴
							</div>
							<div class="col-xs-2 one">
								合作伙伴
							</div>
							<div class="col-xs-2 one">
								合作伙伴
							</div>
						</div>
							<div class="memu" >
							<div class="col-xs-3 one">
								<strong>合作伙伴：</strong>
							</div>
							<div class="col-xs-2 one">
								合作伙伴
							</div>
							<div class="col-xs-2 one">
								合作伙伴
							</div>
							<div class="col-xs-2 one">
								合作伙伴
							</div>
							<div class="col-xs-2 one">
								合作伙伴
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
<div class="footer">
	<div class="">
		关于五善堂|友情链接|联系方式|网站声明
	</div>
	<div class="">
		(z) Copyright 2015 Administrator. All Rights Reserved. 
	</div>
	<div class="">
		版权所有：xxxxx科技有限公司
	</div>
</div>
		<!--
        	作者：z
        	时间：2015-07-02
        	描述：top
        -->
		<script type="text/javascript">
			$(document).ready(function() {
				$().UItoTop({
					easingType: 'easeOutQuart'
				});
			});
		</script>
		<a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"> </span>
			</a>
	</body>

</html>